<template>
  <div id="app">
    <div style="margin: 20px;">
      <h1>{{$t("message.title")}}</h1>
      <input style="width: 300px;"  :placeholder="$t('placeholder.enter')">
      <ul>
        <li v-for="brand in brands" :key="brand">{{brand}}</li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      brands: [
        this.$t("brands.nike"),
        this.$t("brands.adi"),
        this.$t("brands.nb"),
        this.$t("brands.ln")
      ]
    };
  }
};
</script>
